<template>
    <section class="pup-set greybody">
        <!-- 头部组件 -->
        <pub-head 
            title="页面出错"  
        ></pub-head>
 
        <!--页面出错-->
        <section class="content error">
            <img src="@/assets/error.png" alt=""> 
            <div class="f66">404</div>
            <p>你访问的页面不存在哦</p>
            <p>您可以<span @click="back">返回上级</span>页面或者<router-link to="/">返回首页</router-link></p>
        </section>
        
       
        
    </section>    
</template>

<script>
import Head from '@/components/head.vue';
export default {
    data() {
        return {
           
        }
    },
    components: {
        'pub-head': Head,
    },
    methods: {
        // 返回上一页
        back() {
            this.$router.go(-1);
        }
    }
}
</script>

<style lang="less" scoped>
    .error{
        text-align: center;
        padding-top: 2.16rem;
        img{
            width: 3.3rem;
            height: 3.3rem;
            margin-bottom: 0.7rem;
        }
        .f66{
            font-size: 0.66rem;
        }
        p{
            font-size: 0.3rem;
            color: #9299a8;
            a,span{
                color: #ff5800;
            }
        }
    }
</style>
